.footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;

  h4 {
    font-weight: 500;
  }

  &__about {
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: pre-line;

    article {
      width: 54%;
    }
  }

  &__contacts {
    margin: 30px 0 80px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;



    div {
      width: 54%;
      display: flex;
      flex-direction: column;
    }
  }

  hr {
    width: 100%;
    margin: 0;
    box-shadow: 1px 1px 1px rgba(250, 250, 250, .5);
  }
}

@media (max-width: 1200px) {
  .footer {
    .footer__about {
      h4 {
        display: none;
      }

      article {
        width: 100%;
      }
    }

    .footer__contacts {
      h4 {
        display: none;
      }

      div {
        width: 100%;
      }
    }
  }
}

@media (max-width: 700px) {
  .footer__contacts {
    margin: 30px 0;
  }
}